<style>.footer.footer-home {display: none;} .swiper-slide > img { height: 100%; }</style>
<div class="header">
    <a href="javascript:history.go(-1); " class="return iconfont icon-shangyiye"></a>
    <div class="header-title">详情</div>
</div>
<link rel="stylesheet" href="resource/css/swiper.min.css" />
<script type="text/javascript" src="resource/js/swiper.min.js" ></script>
<div class="content content-bot content-product" style="margin-top: 0">

    <div class="product-img swiper-container">
        <ul class="swiper-wrapper">
            <?php if (is_array($output['images']) && $output['images']): ?>
            <?php foreach ($output['images'] as $k => $v): ?>
            <li class="swiper-slide"><img src="<?php echo $v['img_path']; ?>" /></li>
            <?php endforeach; ?>
            <?php endif; ?>
        </ul>
        <div class="swiper-pagination"></div>
    </div>

    <div class="commodity-con">
        <div class="commodity-title"><?php echo $output['spec_info']['spec_name']; ?></div>
        <div class="commodity-grade">
            <i class="iconfont icon-xing"></i>
            <i class="iconfont icon-xing"></i>
            <i class="iconfont icon-xing"></i>
            <i class="iconfont icon-xing"></i>
            <i class="iconfont icon-xing"></i>
        </div>
        <div class="commodity-price">
            <?php
            list($int, $float) = explode('.',$output['spec_info']['price']);
            ?>
            <b><samp>¥</samp><?php echo $int; ?>.<samp><?php echo $float; ?></samp></b><label>起</label><span>门市价:¥<?php echo $output['spec_info']['market_price']; ?></span>
        </div>
        <?php if ($output['ticket']['tk_is_discount']): ?>
        <a class="commodity-rob">限时抢购</a>
        <?php endif; ?>
    </div>
    <a  onclick="checkMap('<?php echo $output['ticket']['tk_full_addr']; ?>','<?php echo HOST_URL; ?>')">
        <div class="product-location">
            <i class="iconfont icon-weizhi"></i>
            <span><?php echo $output['ticket']['tk_full_addr']; ?></span>
            <i class="iconfont icon-right_arraw fr"></i>
        </div>
    </a>
    <?php if ($output['ticket']['tk_type'] != 2): ?>
    <a href="index.php?act=ticket&op=calendar&sid=<?php echo $output['spec_info']['spec_id']; ?>">
        <div class="product-location">
            <i class="iconfont icon-riqi"></i>
            <span>可订日期与价格</span>
            <i class="iconfont icon-right_arraw fr"><samp class="fl" style="<?php echo $output['date']['exist']?'':'color: #ccc;'; ?>"><?php echo $output['date']['today']; ?></samp></i>
        </div>
    </a>
    <?php endif; ?>
    <div class="product-con">
        <ul class="categoryson-title">
            <li class="active">景点简介</li>
            <li>购买须知</li>
        </ul>
        <div class="commodity-block">
            <ul class="commodity-wraw">
                <div class="product-article">
                    <?php echo $output['spec_info']['detail']; ?>
                </div>
            </ul>
            <ul class="commodity-wraw hide">
                <div class="product-article">
                    <?php echo $output['spec_info']['tips']; ?>
                </div>
            </ul>
        </div>
        <div style="height: 50px;"></div>
    </div>
</div>
<div class="footer <?php  if($output['ticket']['tk_type'] != 2){echo 'footer-product';}else{echo 'footer-product1';} ?> ">
    <ul>
        <li>
            <div style="width: 100%;"><a href="tel:<?php echo $output['ticket']['tk_tel']; ?>" target="_blank"><i class="iconfont icon-shangchuanmoban"></i><br/><span>客服热线</span></a></div>
           <!-- <div><a class="coll"><i class="iconfont <?php /*echo $output['collect'] ? 'icon-aixin1' : 'icon-aixin2'; */?>"></i><br/><span>收藏</span></a></div>-->
        </li>
        <?php if ($output['ticket']['tk_type'] != 2): ?>
        <li class="active"><a href="index.php?act=ticket&op=calendar&sid=<?php echo $output['spec_info']['spec_id']; ?>">立即购买</a></li>
        <?php endif; ?>
    </ul>
</div>
<script>
    $('.coll > .iconfont').click(function () {
        checkLogin();
        var _this = $(this);
        var type = _this.hasClass('icon-aixin1') ? 'un' : '';
        $.post('index.php?act=ticket&op=collect', {
            tk_id: <?php echo $output['ticket']['tk_id']; ?>,
            type: type
        }, function (ret) {
            ret.datas && (type === 'un' ? _this.removeClass('icon-aixin1').addClass('icon-aixin2') : _this.removeClass('icon-aixin2').addClass('icon-aixin1'));
        }, 'json');
    });

    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        loop: true,
        autoplay: 3000,
        autoplayDisableOnInteraction: false,
        onInit: function (swiper) {
            var h = swiper.width / 1.5;
            $('.swiper-container').height(h);
        }
    });
</script>
